//待提交-待批复-已批复
import { Tabs } from 'antd';
import {
  FormOutlined,
  CheckSquareOutlined,
  CopyOutlined,
} from '@ant-design/icons';
import Submit from './Submit';
import All_style from '../../index.less';
import Reply from './Reply';
import NoReply from './NoReply';
import Tasks from './Tasks';
const { TabPane } = Tabs;
const TaskManagement = () => (
  <div className={All_style.box}>
    <Tabs defaultActiveKey="1" centered>
      <TabPane
        tab={
          <span>
            <CopyOutlined />
            待提交
          </span>
        }
        key="2"
      >
        <Submit />
      </TabPane>
      <TabPane
        tab={
          <span>
            <FormOutlined />
            待批复
          </span>
        }
        key="3"
      >
        <NoReply />
      </TabPane>
      <TabPane
        tab={
          <span>
            <CheckSquareOutlined />
            已批复
          </span>
        }
        key="4"
      >
        <Reply />
      </TabPane>
    </Tabs>
  </div>
);
export default TaskManagement;
